"line button"
Bootstrap 4.0.0 Snippet by ALIMUL AL RAZY

Post to Facebook Tweet this

1
2
3
4
5
6
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<a href="/demos/interactive-svg-coordinate-system/" id="A_1">hello</a>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#A_1 {
bottom: 0px;
box-sizing: border-box;
color: rgb(0, 0, 0);
display: inline-block;
height: 76.625px;
left: 0px;
position: relative;
right: 0px;
text-align: center;
text-decoration: none solid rgb(0, 0, 0);
top: 0px;
width:200.344px;
column-rule-color: rgb(0, 0, 0);
perspective-origin: 156.172px 38.3125px;
transform-origin: 156.172px 38.3125px;
caret-color: rgb(0, 0, 0);
background: rgb(255, 255, 255) url("https://d33wubrfki0l68.cloudfront.net/3bfba99b9b32c31cb9ef0d1d0c35ef38a5744587/4bfda/images/illustrations/borders.svg") no-repeat scroll 0% 0% / 100% 100% padding-box border-box;
border: 0px none rgb(0, 0, 0);
border-radius: 5px 5px 5px 5px;
font: normal normal 500 normal 17.856px / 32.1408px Quicksand, Arial, sans-serif;
grid-area: auto / 3 / auto / 9;
grid-column: 3 / 9;
margin: 17.856px;
outline: rgb(0, 0, 0) none 0px;
padding: 22.32px;
transition: background 0.15s linear 0s, color 0.15s linear 0s;
}/*#A_1*/
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Bootstrap Wizard
Form - Line
Hexa shape button
Bootstrap4 Card with Line-Tabs

Questions / Comments: